---
type: tutorial
title: Glückwunsch!
description: >-
  Tutorial: Erstelle deinen ersten Astro-Blog —
  Sieh dir die finale Version deines Projekts an und erfahre, wie es mit Astro weitergeht!
i18nReady: true
---

import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import CompletionConfetti from '~/components/tutorial/CompletionConfetti.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import Button from '~/components/Button.astro';

import { CardGrid, LinkCard } from '@astrojs/starlight/components';

Es gibt noch eine letzte Änderung …

```astro title="src/pages/about.astro" del={15} ins={16}
---
import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "Über mich";

const identity = {
  firstName: "Sarah",
  country: "Kanada",
  occupation: "Technische Redakteurin",
  hobbies: ["Fotografie", "Vogelbeobachtung", "Baseball"],
};

const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Dokumentation schreiben"];

const happy = true;
const finished = false;
const finished = true;
const goal = 3;

const skillColor = "crimson";
const fontWeight = "bold";
const textCase = "uppercase";
---
```

Wir hoffen, du hast beim Lernen der Astro-Grundlagen ein bisschen Spaß gehabt!

Du findest den Code für das Projekt aus diesem Tutorial auf [GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete), oder du kannst eine funktionierende Version in einer Online-Entwicklungsumgebung wie [IDX](https://idx.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F) oder [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro) öffnen.

Schau in unserer Dokumentation vorbei, um Anleitungen und Referenzen zu finden, oder besuche unseren Discord, um Fragen zu stellen, Hilfe zu bekommen oder einfach ein wenig zu plaudern!

Willkommen im Universum, Astronaut. 👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

<Box icon="check-list">

## Checkliste

<Checklist>
- [ ] Ich kann es kaum erwarten, mein nächstes Astro-Projekt zu starten! 🚀
</Checklist>
</Box>

<CompletionConfetti />

## Teile deinen Erfolg!

Herzlichen Glückwunsch zum Abschluss des Astro-Blog-Tutorials! Teile deinen Erfolg mit der Welt und lass alle wissen, dass du jetzt ein Astronaut bist!

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
  <Button link='https://twitter.com/intent/tweet?text=Ich%20habe%20gerade%20gelernt%2C%20wie%20ich%20meinen%20ersten%20Astro-Blog%20erstelle!%20Schau%20es%20dir%20an%20unter%20https://docs.astro.build/%0Avia%20%40astrodotbuild'>Auf X (Twitter) teilen</Button>
  <Button link='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Ich%20habe%20gerade%20gelernt%2C%20wie%20ich%20meinen%20ersten%20Astro-Blog%20erstelle!'>Auf Reddit teilen</Button>
  <Button link='https://bsky.app/intent/compose?text=Ich%20habe%20gerade%20gelernt%2C%20wie%20ich%20meinen%20ersten%20Astro-Blog%20erstelle!%20Schau%20es%20dir%20an%20unter%20https://docs.astro.build/%0Avia%20%40astro.build'>Auf Bluesky teilen</Button>
</div>

## Nächste Schritte

Du kannst den finalen Code dieses Projekts mit einer unserer Tutorial-Erweiterungen ausbauen oder dein nächstes Astro-Projekt starten!

<CardGrid>
  <LinkCard
    title="Ein neues Astro-Projekt starten"
    description="Beginne ein neues, leeres Projekt oder verwende ein vorhandenes Astro-Theme-Template."
    href="/de/install-and-setup/"
  />
  <LinkCard
    title="Tritt unserem Discord bei"
    description="Vernetze dich mit unserer Community, stelle Fragen, teile deine Arbeit und hilf mit am Projekt!"
    href="https://astro.build/chat"
  />
</CardGrid>
